import React from 'react';
import {Icon} from 'antd';

import { Link } from 'dva/router';
import { connect } from 'dva';

import './less/menu.less';

function Menu({location,dispatch,route}){
    return (
        <div className="menuContainer">
            <ul>
                <li>
                    <Link to="/app/index" activeClassName="active">
                        <span className='menuIcon menu1'></span>
                        <p>用户中心</p>
                    </Link>
                </li>
                <li>
                    <Link to="/app/ask" activeClassName="active">
                        <span className='menuIcon menu2'></span>
                        <p>学员问答</p>
                    </Link>
                </li>
                <li>
                  <Link to="/app/plan" activeClassName="active">
                    <span className='menuIcon menu3'></span>
                    <p>课程安排</p>
                  </Link>
                </li>
                <li>
                  <Link to="/app/student" activeClassName="active">
                    <span className='menuIcon menu4'></span>
                    <p>学员管理</p>
                  </Link>
                </li>
                <li>
                  <Link to="/app/courseware" activeClassName="active">
                    <span className='menuIcon menu5'></span>
                    <p>课件管理</p>
                  </Link>
                </li>
                <li>
                  <Link to="/app/data" activeClassName="active">
                    <span className='menuIcon menu6'></span>
                    <p>个人资料</p>
                  </Link>
                </li>
            </ul>
        </div>
    )
}

function mapStateToProps({ routing }) {
  return { route:routing };
}

export default connect(mapStateToProps)(Menu);
